﻿<div id="headcontent">
	<div class="colleft">
		<div class="whitebox">
			<span class="headtitle-pink">SEARCH</span>
			<span class="headtitle-grey">- FIND -</span>
			<span class="headtitle-pink">ENJOY</span>
			<form>
				<input type="text" name="villerech" placeholder="Ville / Nom evenement"/>
				<input type="date" name="daterech" placeholder="Date"/>
				<input type="image" src="" alt="Recherchez">
			</form>
		</div>
				
		<div class="whitebox">
			<a href="">
				<img src="" alt="Publier un trajet"/>
				<span>publier un trajet<span>
			</a>
		</div>
				
		<div class="whitebox">
			<a href="">
				<img src="" alt="Inscription"/>
				<span>inscription</span>
			</a>
		</div>
	</div>
			
	<div class="colright">
		<div class="whitebox">
			<span class="headtitle">DERNIERS COVOITURAGE</span>
			<table ng-controller="CarpoolController">
				<tr>
					<th>VILLE</th>
					<th>LIEU</th>
					<th>DATE</th>
					<th>HEURE</th>
					<th>PARTICIPATION</th>
				</tr>
				<tr ng-repeat="item in list">
					<td>{{item.city}}</td>
					<td>{{item.place}}</td>
					<td>{{item.date}}</td>
					<td>{{item.hour}}</td>
					<td>{{item.fee}}</td>
				</tr>
			</table>	
		</div>
	</div>
</div>